/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* @import "compass/reset"; */
/* line 10, ../sass/main.scss */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 18, ../sass/main.scss */
.page_container {
  max-width: 1110px;
  margin: 0 auto;
  color: #333;
  font-size: 1em;
}

/* line 25, ../sass/main.scss */
#content_container {
  background: #fff;
}
@media screen and (min-width: 941px) {
  /* line 25, ../sass/main.scss */
  #content_container {
    width: 940px;
  }
}
@media screen and (max-width: 361px) {
  /* line 25, ../sass/main.scss */
  #content_container {
    min-width: 360px;
  }
}

/* line 35, ../sass/main.scss */
#main_content_container {
  width: 100%;
  background-color: lightgray;
  float: left;
}
@media screen and (min-width: 941px) {
  /* line 35, ../sass/main.scss */
  #main_content_container {
    width: 700px;
  }
}

/* line 44, ../sass/main.scss */
#secondary_content_container {
  width: 100%;
  background-color: lightblue;
  float: left;
}
@media screen and (min-width: 941px) {
  /* line 44, ../sass/main.scss */
  #secondary_content_container {
    width: 240px;
  }
}

/* line 54, ../sass/main.scss */
#header, #footer {
  width: 940px;
}
